<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/main.jsp" %>
<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>音乐上传表单</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="${V_PATH}/static/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/app.css" type="text/css" />  
  <link rel="stylesheet" href="${V_PATH}/static/js/datepicker/datepicker.css" type="text/css" />
<link rel="stylesheet" href="${V_PATH}/static/js/slider/slider.css" type="text/css" />
<link rel="stylesheet" href="${V_PATH}/static/js/chosen/chosen.css" type="text/css" />
  <!--[if lt IE 9]>
    <script src="${V_PATH}/static/js/ie/html5shiv.js"></script>
    <script src="${V_PATH}/static/js/ie/respond.min.js"></script>
    <script src="${V_PATH}/static/js/ie/excanvas.js"></script>
  <![endif]-->
</head>
<body class="">
  <section class="vbox">
    
	<section>
          <section class="vbox">
			<section class="scrollable padder">
              <section class="panel panel-default">
                <header class="panel-heading font-bold">
                  上传音乐
                </header>
                <div class="panel-body">
                  <form id="upMusicFrom" class="form-horizontal" method="post" action="${V_PATH }/uploadmusic.action"  enctype="multipart/form-data">
                    <div class="form-group">
                      <label class="col-sm-2 control-label">音乐名称</label>
                      <div class="col-sm-10">
                        <input type="text" id="musicName" name="name" class="form-control">
                      </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label"  for="input-id-1">音乐作者</label>
                      <div class="col-sm-10">
                        <input type="text" class="form-control" name="author" id="musicAuthor">
                      </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label">类别</label>
                      <div class="col-sm-10">
                        <select name="cate"  id="musicCate" class="form-control m-b">
                        </select>
                      </div>
                    </div>
                     <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label">选择背景文件</label>
                      <div class="col-sm-10">
                        <input type="file" name="image" class="filestyle" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s">
                      </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label">选择音乐文件</label>
                      <div class="col-sm-10">
                        <input type="file" name="music" class="filestyle" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s">
                      </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                      <div class="col-sm-4 col-sm-offset-2">
                        <button type="button" id="submitUpMusicBtn" class="btn btn-primary">上传</button>
                      </div>
                    </div>
                  </form>
                </div>
              </section>
            </section>
          </section>
    </section>    
  </section>
  <!-- file input -->  
  <script src="${V_PATH}/static/js/file-input/bootstrap-filestyle.min.js"></script>
  <script src="${V_PATH}/static/js/jquery.form.min.js"></script>
  <script src="${V_PATH}/static/js/chosen/chosen.jquery.min.js"></script>
  <script type="text/javascript" src="${V_PATH}/static/authority/frommusic.js"></script>
</body>
</html>